<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车页面</title>
    <link rel="stylesheet" href="../css/xiaomi.css">
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">

    <script src="../lib/js/jquery.min.js"></script>
    <script src="../lib/js/cookie.js"></script>
    <script src="../lib/layer/layer.js"></script>
    <script src="../js/ajax.js"></script>
</head>
<body>
    <!-- 导航栏 -->
    <div class="header">
        <div class="common">
            <div class="left">
               <a href="#">小米商城</a><span class="sep">|</span>
               <a href="#">MIUI</a><span class="sep">|</span>
               <a href="#">loT</a><span class="sep">|</span>
               <a href="#">云服务</a><span class="sep">|</span>
               <a href="#">天星数科</a><span class="sep">|</span>
               <a href="#">有品</a><span class="sep">|</span>
               <a href="#">小爱开放平台</a><span class="sep">|</span>
               <a href="#">企业团购</a><span class="sep">|</span>
               <a href="#">资质证照</a><span class="sep">|</span>
               <a href="#">协议规则</a><span class="sep">|</span>
               <a href="#">下载app</a><span class="sep">|</span>
               <a href="#">智能生活</a><span class="sep">|</span>
               <a href="#">SelectLocation</a>
            </div>
            <div class="right">
                <div class="loginright">
                    <!--   <a>欢迎尊贵的<span style="color:pink">leon</span></a></li><span>|</span>
                        <li><a href="javascript:;" class="logout">退出</a><span>|</span> -->
                
                <a href="../pages/login.html">登录</a><span>|</span>
                <a href="../pages/register.html">注册</a><span>|</span>
                </div>
                   
                <a href="#">消息通知</a>
                <div class="cart iconfont">
                    <a href="#">&#xe601;&nbsp;&nbsp;
                    购物车</a>
                    <!-- (<i>0</i>) -->
                </div>
        </div>
        </div>
    </div>
    <div class="cartheader">
         <div class="common">
            <h1 class="left">
                <a href="https://www.mi.com/index.html">小米首页</a>
             </h1>
             <h2>我的购物车</h2>
             <span>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</span>  
        </div>
    </div>
    <!-- 购物车内容 -->
     <div class="mi_main">
        <div class="common">
           <table  cellspacing="0">
                <thead>
                    <tr>
                        <th><input type="checkbox" name="selectAll">全选</th>
                        <th>商品名称</th>
                        <th>单价</th>
                        <th>数量</th>
                        <th>小计</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td><input type="checkbox" name="selectOne"></td>
                        <td style="color: #424242;font-size: 18px;"><img src="../img/small1.jpg"><span >Xiaomi 12 Pro  12GB+256GB 黑色</span></td>
                        <td>5399 元</td>
                        <td>
                            <div class="number" data-stock="10" data-id="21">
                                <button class="btn btn-default reduce">-</button>
                                <input type="text" name="number" value="8">
                                <button class="btn btn-default add">+</button>
                            </div>
                        </td>
                        <td style="color: #ff6700;"><span class="jg">5399</span> 元</td>
                        <td>×</td>
                    </tr>
                </tbody>
            </table>
            <!-- 继续购物 -->
    <div class="settlement">
            <div class="js">
                <a href="#">继续购物</a><span>|</span>
                <p>已选择<i class="totalNum">0</i>件</p>
            </div>
            <div class="jsright">
                <p>合计：<i class="totalPrice">0</i>元</p>
                <a class="btn btn-warning" href="order.html">去结算</a></td>
            </div>
        </div>
       








             <!-- /* 空购物车 */ -->
    <!-- <div class="kong">
            <div class="left">
               <img src="../img/gwc.png">
           </div>
           <div class="right">
               <h2>您的购物车还是空的！</h2>
               <p>登录后将显示您之前加入的商品</p>
               <a href="./login.html" style=" background: #ff6700;">立即登录</a>
               <a href="../pages/all.html" style="color: #ff6700;">马上购物</a>
           </div>
        
    </div> -->

    



    </div>
    </div> 
   
    
</body>
</html>
<script src="../js/successLogin.js"></script>
<script src="../js/cart.js"></script>

